<!DOCTYPE html>
<html lang="en" class="light">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/img/mantou.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3918022_zpwqk2lcbd.css">
  <title>小面</title>
  <style>
    @font-face {
      font-family: title;
      src: url("./font/yungungun.ttf");
    }
    html,
    body {
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
    }

    #app {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    #app>span {
      animation: scal 1s infinite linear;
      width: 150px;
    }

    @keyframes scal {
      0% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.2);
      }

      100% {
        transform: scale(1);
      }
    }
  </style>
</head>

<body>
  <div id="app">
    <span style="color: black;font-family: title;font-size: 26px;margin-top: 10px">加载资源中.</span>
  </div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>